{% extends 'base.html' %}
{% block jquerycript %} 
	$(function() {$("ul.tabs").tabs("div.panes > div");});
{% endblock %}

{% block ruta %}
	<li><a href="/">Inicio</a></li>
	<li>>></li>
	<li><a href="/academico/">Académico</a></li>
	<li>>></li>
	<li>Calificaciones</li>
{% endblock %}

{% block contenido %}
	<div id="content" class="with_sidebar">
		<h1>Calificaciones</h1>
		<div class="panes">			
				{% for lCiclo, vCiclo in ciclo.items %}
					<table id="estudiantes" class="grilla" width="100%">
						<thead>
							<tr>
								<th colspan="3"><h3>Ciclo: {{ vCiclo.ciclo.codigo}}</h3></th>				
							</tr>
							<tr>
								<th style="width: 80px;">Código</th>
								<th>Materia</th>
								<th style="width: 150px;">Horario</th>				
							</tr>
						</thead>
						<tfoot>
							<tr>
								<th scope="row" colspan="3">Total Materias: {{ vCiclo.cantidad }}</th>
							</tr>
						</tfoot>
						<tbody>				
							{% for curso in vCiclo.cursos %}
								<tr class="{% cycle '' 'odd' %}">
									<th scope="row"><a href="{{ curso.idMateria }}/">{{ curso.codigoMateria }}</a></th>
                        			<td>{{ curso.nombre_curso }}</td>
                        			<th><a href="guardar/{{ vCiclo.ciclo.id}}/{{ curso.id }}/">Ingresar Notas</a></th>
								</tr>
							{% endfor %}
						</tbody>
					</table>
					&nbsp;
				{% endfor %}
					
		</div>
	</div>			
{% endblock %}